<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp" %>
<html>
<head>
    <title>出国信息管理</title>
    <meta name="decorator" content="default"/>
    <script type="text/javascript">
        $(document).ready(function () {
            //$("#name").focus();
            $("#inputForm").validate({
                submitHandler: function (form) {
                    loading('正在提交，请稍等...');
                    form.submit();
                },
                errorContainer: "#messageBox",
                errorPlacement: function (error, element) {
                    $("#messageBox").text("输入有误，请先更正。");
                    if (element.is(":checkbox") || element.is(":radio") || element.parent().is(".input-append")) {
                        error.appendTo(element.parent().parent());
                    } else {
                        error.insertAfter(element);
                    }
                }
            });
        });
    </script>
    <!-- 去除 form:select 下拉框重复项 -->
    <script type="text/javascript">
        $(function () {
            $("select").each(function (i, n) {
                var options = "";
                $(n).find("option").each(function (j, m) {
                    if (options.indexOf($(m)[0].outerHTML) == -1) {
                        options += $(m)[0].outerHTML;
                    }
                });
                $(n).html(options);
            });
        });
        function showMsg(obj) {
            $("#selectStype").empty();
            var opt = obj.options[obj.selectedIndex]
            if(opt.value===''){
                alert("请你先选择地区")
            }
            $.ajax({
                type:"post",
                url:"/api/campusinfoeducation/campusinfoCountry/countryList",
                data: {regionid:opt.value},
                success:function (data) {
                    console.log(data.page);
                    for(var i = 0 ; i<data.page.length; i++) {
                        $("#selectStype").append("<option value=\""+data.page[i].id+"\">" + data.page[i].country +"</option>")
                    }
                },
                error:function () {
                    alert("查询失败")
                }
            })
        }
    </script>
</head>
<body>
<ul class="nav nav-tabs">
    <li><a href="${ctx}/campusinfoeducation/campusinfoAbroad/">出国信息列表</a></li>
    <li class="active"><a
            href="${ctx}/campusinfoeducation/campusinfoAbroad/form?id=${campusinfoAbroad.id}">出国信息<shiro:hasPermission
            name="campusinfoeducation:campusinfoAbroad:edit">${not empty campusinfoAbroad.id?'修改':'添加'}</shiro:hasPermission><shiro:lacksPermission
            name="campusinfoeducation:campusinfoAbroad:edit">查看</shiro:lacksPermission></a></li>
</ul>
<br/>
<form:form id="inputForm" modelAttribute="campusinfoAbroad" action="${ctx}/campusinfoeducation/campusinfoAbroad/save"
           method="post" class="form-horizontal">
    <form:hidden path="id"/>
    <sys:message content="${message}"/>
    <div class="control-group">
        <label class="control-label">地区名称：</label>
        <div class="controls">
            <form:select path="regionid" class="input-xlarge required" onchange="showMsg(this)">
                <form:option value="" label=""/>
                <form:options items="${campusinfoRegions}" itemLabel="region" itemValue="id" htmlEscape="false"/>
            </form:select>
            <span class="help-inline"><font color="red">*</font> </span>
        </div>
    </div>
    <div class="control-group">
        <label class="control-label">国家名称：</label>
        <div class="controls">
            <form:select path="countryid" class="input-xlarge required" id="selectStype" name="selectStype">
                <form:option value="" label="===请选择==="/>
            </form:select>
            <span class="help-inline"><font color="red">*</font> </span>
        </div>
    </div>
    <div class="control-group">
        <label class="control-label">支付方式：</label>
        <div class="controls">
            <form:input path="paymentMethod" htmlEscape="false" maxlength="64" class="input-xlarge "/>
        </div>
    </div>
    <div class="control-group">
        <label class="control-label">缴费地点：</label>
        <div class="controls">
            <form:input path="paymentPlace" htmlEscape="false" maxlength="255" class="input-xlarge "/>
        </div>
    </div>
    <div class="control-group">
        <label class="control-label">备注信息：</label>
        <div class="controls">
            <form:textarea path="remarks" htmlEscape="false" rows="4" maxlength="255" class="input-xxlarge "/>
        </div>
    </div>
    <div class="form-actions">
        <shiro:hasPermission name="campusinfoeducation:campusinfoAbroad:edit">
            <input id="btnSubmit" class="btn btn-primary" type="submit" value="保 存"/>&nbsp;
        </shiro:hasPermission>
        <input id="btnCancel" class="btn" type="button" value="返 回" onclick="history.go(-1)"/>
    </div>
</form:form>
</body>
</html>